<html>
<head>
  <meta charset="UTF-8">
  <title>后台登录-X-admin2.2</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="stylesheet" href="/xadmin/css/font.css">
  <link rel="stylesheet" href="/xadmin/css/login.css">
  <link rel="stylesheet" href="/xadmin/css/xadmin.css">
  <script type="text/javascript" src="/xadmin/js/jquery.min.js"></script>
  <script src="/xadmin/lib/layui/layui.js" charset="utf-8"></script>
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
  <div class="message">x-admin2.0-管理登录</div>
  <div id="darkbannerwrap"></div>

  <form method="post" class="layui-form">
    <input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
    <hr class="hr15">
    <input name="password" lay-verify="required" placeholder="密码" type="password"
           class="layui-input">
    <hr class="hr15">
    <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
    <hr class="hr20">
  </form>
</div>

<script>
  $(function () {
    layui.use(['form','layer'], function () {
      var form = layui.form;
      var layer=layui.layer;
      //监听提交
      form.on('submit(login)', function (data) {
        $.ajax({
          data: data.field,
          url: '/login',
          type: 'post',
          success(data) {
            if (data.code != 0) {
              layer.msg(data.message)
            } else {//登录成功
              layer.msg('登录成功，即将跳转页面...')
              console.log(data)
              window.setTimeout(function () {
                window.location.href = data.url
              }, 1200)
            }
          }
        })
        return false;
      });
    });
  })
</script>
</body>
</html>
